/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      主页      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.Home {
  /* ============================== 我的左侧 ============================== */
  &-Left {
    position: absolute;
    left: 0;
    width: calc(462 * 100vh / 1080);
    height: 100%;

    > div:first-child {
      position: absolute;
      left: 0;
      width: 100%;
      height: 100%;
      background-image: linear-gradient(90deg, #071024, rgba(7, 16, 36, 0.7) 70%, rgba(7, 16, 36, 0));
      background-repeat: no-repeat;
      background-size: 100% 100%;
    }

    > div:last-child {
      position: absolute;
      top: 13%;
      left: calc(15 * 100vh / 1080);
      width: calc(432 * 100vh / 1080);
      height: calc(890 * 100vh / 1080);
      background-image: url("~@screen/assets/img/home/left.png");
      background-repeat: no-repeat;
      background-size: 100% 100%;
    }
  }

  /* ============================== 我的右侧 ============================== */
  &-Right {
    position: absolute;
    right: 0;
    width: calc(462 * 100vh / 1080);
    height: 100%;

    > div:first-child {
      position: absolute;
      right: 0;
      width: 100%;
      height: 100%;
      background-image: linear-gradient(270deg, #071024, rgba(7, 16, 36, 0.7) 70%, rgba(7, 16, 36, 0));
      background-repeat: no-repeat;
      background-size: 100% 100%;
    }

    > div:last-child {
      position: absolute;
      top: 13%;
      right: calc(15 * 100vh / 1080);
      width: calc(432 * 100vh / 1080);
      height: calc(890 * 100vh / 1080);
      background-image: url("~@screen/assets/img/home/right.png");
      background-repeat: no-repeat;
      background-size: 100% 100%;
    }
  }
}
